<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- Set the width of the document, or not -->
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- First use the latest version of IE and Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>about</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <!--[if lte IE 8]>
        <p style="background:#000;text-align: center;color:#fff;font-size: 16px; line-height: 25px;">Your browser is too old<a href="http://browsehappy.com" style="color:#ddd">Please click here</a></p>
    <![endif]-->
    <!--[if lte IE 7]>
        <p style="background:#000;text-align: center;color:#fff;font-size: 16px; line-height: 25px;">Your browser is too old<a href="http://browsehappy.com" style="color:#ddd">Please click here</a></p>
    <![endif]-->
    <!--[if lte IE 6]>
        <p style="background:#000;text-align: center;color:#fff;font-size: 16px; line-height: 25px;">Your browser is too old<a href="http://browsehappy.com" style="color:#ddd">Please click here</a></p>
    <![endif]-->
    <!--[if lt IE 9]>
        <script src="js/html5.min.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif]-->
    <!-- 360 use Google Chrome Frame -->
    <meta name="renderer" content="webkit">
    <!-- Baidu prohibition of transcoding -->
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!-- Definition of web search engine index -->
    <meta name="robots" content="index,follow">
    <!-- ios -->
    <!-- The title that is added to the main screen -->
    <meta name="apple-mobile-web-app-title" content="">
    <!-- Whether WebApp full screen mode is enabled -->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <!-- Setting the background color of the State Bar -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <!-- Android theme-color  Used to control the color of the tabs -->
    <meta name="theme-color" content="#747474">
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Turn off the translation plug-in under the Chrome browser -->
    <meta name="google" value="notranslate" />
    <!-- uc Forced vertical screen -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ Forced vertical screen -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC Mandatory full screen -->
    <meta name="full-screen" content="yes">
    <!-- QQ Mandatory full screen -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC Application mode -->
    <meta name="browsermode" content="application">
    <!-- QQ Application mode -->
    <meta name="x5-page-mode" content="app">
    <!-- browser icon -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- public css -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css" />
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/font-other.css">
    <link rel="stylesheet" type="text/css" href="css/slide-unlock.css">
    <link rel="stylesheet" type="text/css" href="css/econline.css">
    <link rel="stylesheet" type="text/css" href="css/baguetteBox.css">
    <!-- end -->
    <link rel="stylesheet" type="text/css" href="css/style2.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/phonestyle.css" />
    <link rel="stylesheet" type="text/css" href="css/phonestyle1.css" />
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
    <link rel="stylesheet" type="text/css" href="css/owl.theme.css" />
    <link rel="stylesheet" type="text/css" href="css/owl.transitions.css" />
    
    <!-- private css -->
    <!-- <link href="css/onstyle.css" rel="stylesheet/less" type="text/css" /> -->
    <link href="css/onstyle.css" rel="stylesheet" type="text/css" />
    <!-- <script type="text/javascript" src="js/less.min.js"></script> -->
    <link rel="stylesheet" type="text/css" href="css/andy.css" />
    <!-- end -->
</head>

<body class="resetStyle">
    <div class="home-header">
        <div class="header-nav">
            <div class="header-container clearfix">
                <div class="navmain">
                    <h1 class="navlogo">
            <a href="http://hxrt.onewho.cn/" title="logo" class="logoa">
              <img src="static/picture/20200305103948bxx6ri.png" alt="Hishine Optoelectronics Co.,Ltd">
            </a>
          </h1>
                    <div class="des-main">
                        FIFA LED stadium light smart system supplier in Bolivia
                    </div>
                </div>
                <div class="navbtn">
                    <i class="bar-1"></i>
                    <i class="bar-2"></i>
                    <i class="bar-3"></i>
                </div>
                <nav class="navlist">
                    <ul class="drop-menu f-menu">
                        <li class="hasdrop "><a href="http://hxrt.onewho.cn/" title="Home  ">Home </a></li>
                        <li class="hasdrop "><a href="/product/" title="Product">Product<i class="mobile-navbtn"></i></a>
                            <ul class="drop-menu s-menu">
                                <li class="hasdrop">
                                    <a href="/product/New-Arrival/" title="New Arrival">New Arrival<i class="mobile-navbtn"></i></a>
                                </li>
                                <li class="hasdrop">
                                    <a href="/product/stadium-light/" title="Stadium Light">Stadium Light<i class="mobile-navbtn"></i></a>
                                </li>
                                <li class="hasdrop">
                                    <a href="/product/street-light/" title="Street light ">Street light <i class="mobile-navbtn"></i></a>
                                </li>
                                <li class="hasdrop">
                                    <a href="/product/Linear-High-Bay-Light/" title="Linear High Bay Light">Linear High Bay Light<i class="mobile-navbtn"></i></a>
                                </li>
                            </ul>
                        </li>
                        <li class="hasdrop "><a href="/Applications/" title="Applications">Applications<i class="mobile-navbtn"></i></a>
                        </li>
                        <li class="hasdrop "><a href="/Case/" title="Case">Case<i class="mobile-navbtn"></i></a>
                        </li>
                        <li class="hasdrop "><a href="/news/" title="News">News<i class="mobile-navbtn"></i></a>
                        </li>
                        <li class="hasdrop active"><a href="/about/" title="About">About<i class="mobile-navbtn"></i></a>
                            <ul class="drop-menu s-menu">
                                <li class="hasdrop">
                                    <a href="/about/factory/" title="Factory">Factory<i class="mobile-navbtn"></i></a>
                                </li>
                            </ul>
                        </li>
                        <li class="hasdrop "><a href="/contact/" title="Contact">Contact<i class="mobile-navbtn"></i></a>
                        </li>
                        <li class="s-search">
                            <form class="header-search" name="topsearch" action="/index.php" method="get">
                                <div class="s-icon"><img src="static/picture/search.png" alt="search"></div>
                                <div class="search-box">
                                    <input type="text" class="text-in" name="keywords" id="search1" oninvalid="setCustomValidity('Search content cannot be empty!')" oninput="setCustomValidity('')" placeholder="Search..." required="" onfocus="if(value==defaultValue){value='';this.style.color='#000'}" onblur="if(!value){value=defaultValue;this.style.color='#000'}" style="color: rgb(0, 0, 0);">
                                    <input type="hidden" name="f" value="search">
                                    <input type="hidden" name="v" value="index">
                                    <input type="hidden" name="modelid" value="1008">
                                    <input type="submit" class="sub-in" value="">
                                </div>
                            </form>
                        </li>
                        <li class="hasdrop fuwu"><a class="fuwuson" href="mailto:info@hishine.cc">E-mail : info@hishine.cc</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <style>
    .worldsBox img {
        padding: 20px;
    }
    </style>
    <div class="containers bar">
        <img src="static/picture/202003061406460retnh.jpg" />
    </div>
    <div class="index-about-wrap">
        <div class="container">
            <div class="index-about">
                <h3 class="c-title">COMPANY PROFILE</h3>
                <div class="index-a-cont">
                    <div class="ab-img"><a href="###"><img src="images/about_pic.jpg" alt="Hishine Group"></a></div>
                    <div class="ab-txt">
                        <h5>Hishine Group Limited</h5>
                        <p>Hishine Group LimitedHishine Group LimitedHishine Group LimitedHishine Group LimitedHishine Group LimitedHishine Group LimitedHishine Group LimitedHishine Group LimitedHishine Group LimitedHishine Group Limited</p>
                        <dl>
                            <dt>Advanced technology,scientific management</dt>
                            <dd>we are well-known in the LED industry，we are well-known in the LED industrywe are well-known in the LED industry</dd>
                    
                        </dl>
                        <dl>
                            <dt>Advanced technology,scientific management</dt>
                            <dd>we are well-known in the LED industry，we are well-known in the LED industrywe are well-known in the LED industry</dd>
                            
                        </dl>
                        <dl>
                            <dt>Advanced technology,scientific management</dt>
                            <dd>we are well-known in the LED industry，we are well-known in the LED industrywe are well-known in the LED industry</dd>
                            
                        </dl>
                    </div>
                </div>
            </div>
            <div class="index-c-vision"> 
                <h3 class="c-title">COMPANY VISION</h3>
                <div class="vision-content">
                    <div class="item">
                        <div class="t-cile">
                            <i></i>
                            <p>Vison</p>
                        </div>
                        <div class="desc">Green Illumination, Enjoy Life</div>
                    </div>
                    <div class="item">
                        <div class="t-cile">
                            <i></i>
                            <p>Mission</p>
                        </div>
                        <div class="desc">Improving Eco-environment by Technology innovation.</div>
                    </div>
                    <div class="item">
                        <div class="t-cile">
                            <i></i>
                            <p>Values</p>
                        </div>
                        <div class="desc">Innovation, growth, Honest, Cooperation</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="containers mainBox">
        <div class="content main inblk clear">
	        
            
            
            
        </div>
    </div>
    <div class="home-chooseus">
        <div class="seo-tit">
            <a href="/about/" class="tit">WHY CHOOSE US</a>
        </div>
        <div class="choose-main">
            <div class="container">
                <div class="explain-slide">
                    <div class="left">
                        <div class="swiper-container swiper-no-swiping" id="chooseus-swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="dt">
                                        <span class="bold"><span class="anime-num" data-to="2000" data-speed="1500">20000</span></span>
                                        <div class="mini-font">㎡</div>
                                    </div>
                                    <div class="dd">12000 square meters of factory area</div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="dt">
                                        <span class="bold"><span class="anime-num" data-to="2000" data-speed="1500">10</span></span>
                                        <div class="mini-font">YEAR</div>
                                    </div>
                                    <div class="dd">10-year professional R & D team</div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="dt">
                                        <span class="bold"><span class="anime-num" data-to="2000" data-speed="1500">7</span></span>
                                        <div class="mini-font">PROGRAMS</div>
                                    </div>
                                    <div class="dd">7 quality control links at the quality control level</div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="dt">
                                        <span class="bold"><span class="anime-num" data-to="2000" data-speed="1500">500</span></span>
                                        <div class="mini-font">PIECES</div>
                                    </div>
                                    <div class="dd">500 finished product shipments per day</div>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                    <div class="right">
                        <div class="bold-text">
                            OUR SERVICE
                            <br>EFFICIENCY
                        </div>
                        <div class="video-side">
                            <div class="tit">Provide mature R & D solutions and support customized services; according to customer needs: 3 years, 5 years, 10 years warranty service with different years.</div>
                            <div class="date">
                                <div class="side"><span class="bold">3</span>
                                    <div class="text">YEAR</div>
                                </div>
                                <div class="side"><span class="bold">5</span>
                                    <div class="text">YEAR</div>
                                </div>
                                <div class="side"><span class="bold">10</span>
                                    <div class="text">YEAR</div>
                                </div>
                            </div>
                            <div class="desc">Provide different years of warranty service according to customer needs</div>
                            <div class="video" data-toggle="modal" data-target="#mes-video">
                                <img src="static/picture/video_pic.jpg" alt="" class="pic">
                                <img src="static/picture/play.png" alt="" class="video-btn">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="explain">
            <img src="static/picture/bg.jpg" alt="">
        </div>
    </div>
    <div class="development">
        <div class="seo-tit tt">development history</div>
        <div class="development-main">
            <div class="container">
                <ul class="ul1 nf-ul">
                    <li>
                        <div class="nf-txt">
                            <h5>2010</h5>
                            <p>Hishine Optoelectronics Tech Co.Ltd</p>
                        </div>
                        <div class="pic"><img src="images/nf1.jpg" alt=""></div>
                        <div class="xiaosjiao"></div>
                    </li>
                    <li>
                        <div class="nf-txt">
                            <h5>2013</h5>
                            <p>Hishine Optoelectronics Tech Co.Ltd</p>
                        </div>
                        <div class="pic"><img src="images/nf2.jpg" alt=""></div>
                        <div class="xiaosjiao"></div>
                    </li>
                    <li>
                        <div class="nf-txt">
                            <h5>2016</h5>
                            <p>Hishine Optoelectronics Tech Co.Ltd</p>
                        </div>
                        <div class="pic"><img src="images/nf3.jpg" alt=""></div>
                        <div class="xiaosjiao"></div>
                    </li>
                    <li>
                        <div class="nf-txt">
                            <h5>2018</h5>
                            <p>Hishine Optoelectronics Tech Co.Ltd</p>
                        </div>
                        <div class="pic"><img src="images/nf4.jpg" alt=""></div>
                        <div class="xiaosjiao"></div>
                    </li>
                </ul>

                <ul class="ul2">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>

                <ul class="ul3 nf-ul">
                    <li>
                        <div class="nf-txt">
                            <h5>2012</h5>
                            <p>Hishine Optoelectronics Tech Co.Ltd</p>
                        </div>
                        <div class="pic"><img src="images/nf5.jpg" alt=""></div>
                        <div class="xiaosjiao"></div>
                    </li>
                    <li>
                        <div class="nf-txt">
                            <h5>2015</h5>
                            <p>Hishine Optoelectronics Tech Co.Ltd</p>
                        </div>
                        <div class="pic"><img src="images/nf6.jpg" alt=""></div>
                        <div class="xiaosjiao"></div>
                    </li>
                    <li>
                        <div class="nf-txt">
                            <h5>2017</h5>
                            <p>Hishine Optoelectronics Tech Co.Ltd</p>
                        </div>
                        <div class="pic"><img src="images/nf7.jpg" alt=""></div>
                        <div class="xiaosjiao"></div>
                    </li>
                    <li>
                        <div class="nf-txt">
                            <h5>2019</h5>
                            <p>Hishine Optoelectronics Tech Co.Ltd</p>
                        </div>
                        <div class="pic"><img src="images/nf8.jpg" alt=""></div>
                        <div class="xiaosjiao"></div>
                    </li>
                    
                </ul>
            </div>
        </div>
    </div>

    <div class="com-certifi">
        <div class="seo-tit tt">company certification</div>
        <div class="certifi-main">
            <div class="container">
                <div class="baguetteBoxTwo gallery">
                    <a id="cer-more-btn2" href="images/ry1.jpg" data-at-450="images/ry1.jpg" data-at-800="images/ry1.jpg" data-at-1366="images/ry1.jpg" data-at-1920="images/ry1.jpg">
                        <img src="images/ry1.jpg" alt="">
                    </a>
                    <a href="images/ry1.jpg" data-at-450="images/ry1.jpg" data-at-800="images/ry1.jpg" data-at-1366="images/ry1.jpg" data-at-1920="images/ry1.jpg">
                        <img src="images/ry1.jpg" alt="">
                    </a>
                    <a href="images/ry1.jpg" data-at-450="images/ry1.jpg" data-at-800="images/ry1.jpg" data-at-1366="images/ry1.jpg" data-at-1920="images/ry1.jpg">
                        <img src="images/ry1.jpg" alt="">
                    </a>
                    <a href="images/ry1.jpg" data-at-450="images/ry1.jpg" data-at-800="images/ry1.jpg" data-at-1366="images/ry1.jpg" data-at-1920="images/ry1.jpg">
                        <img src="images/ry1.jpg" alt="">
                    </a>
                    <a href="images/ry1.jpg" data-at-450="images/ry1.jpg" data-at-800="images/ry1.jpg" data-at-1366="images/ry1.jpg" data-at-1920="images/ry1.jpg">
                        <img src="images/ry1.jpg" alt="">
                    </a>
                    <div class="cer-img-w">
                        <img src="images/hxrt1.jpg">
                    </div>
                </div>
                

                <div class="more-txt">
                    <p>company certification company certification company certification company certification company certification</p>
                    <a id="cer-more-btn" href="###" class="more-btn">READ MORE</a>
                </div>

            </div>


        </div>
        
    </div>

    <div class="technology">
        <div class="seo-tit tt">R&D technology</div>
        <div class="technology-main">
            <div class="container">
                <ul class="technology-content">
                    <li>
                        <div class="pic"><a href="###"><img src="images/t_pic1.jpg" alt="TEMPERA"></a></div>
                        <div class="txt">
                            <h5><a href="###">TEMPERA AND HUMIDITY PRO-GRAMABLE CHAMBER</a></h5>
                            <div class="xt"></div>
                            <div class="desc">
                                it can simulace the conditions of high temperature high humidity,it can simulace the conditions of high temperature high humidity,it can simulace the conditions of high temperature high humidity,
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pic"><a href="###"><img src="images/t_pic2.jpg" alt="TEMPERA"></a></div>
                        <div class="txt">
                            <h5><a href="###">TEMPERA AND HUMIDITY PRO-GRAMABLE CHAMBER</a></h5>
                            <div class="xt"></div>
                            <div class="desc">
                                it can simulace the conditions of high temperature high humidity,it can simulace the conditions of high temperature high humidity,it can simulace the conditions of high temperature high humidity,
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pic"><a href="###"><img src="images/t_pic3.jpg" alt="TEMPERA"></a></div>
                        <div class="txt">
                            <h5><a href="###">TEMPERA AND HUMIDITY PRO-GRAMABLE CHAMBER</a></h5>
                            <div class="xt"></div>
                            <div class="desc">
                                it can simulace the conditions of high temperature high humidity,it can simulace the conditions of high temperature high humidity,it can simulace the conditions of high temperature high humidity,
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pic"><a href="###"><img src="images/t_pic4.jpg" alt="TEMPERA"></a></div>
                        <div class="txt">
                            <h5><a href="###">TEMPERA AND HUMIDITY PRO-GRAMABLE CHAMBER</a></h5>
                            <div class="xt"></div>
                            <div class="desc">
                                it can simulace the conditions of high temperature high humidity,it can simulace the conditions of high temperature high humidity,it can simulace the conditions of high temperature high humidity,
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="manufacturing">
        <div class="seo-tit tt">Manufacturing Capacity</div>
        <div class="manufa-main">
            <div class="container">
                <div class="t-desc">Hishine has state-of-the art manufacturing equipment to tackle any project. From die-casting to powder painting to CNC machining, we are a vertically integrated manufacturer allowing rapid production and new product development for our customers. We use the highest quality components along with trained professionals to produce the best products in our facility.</div>
                <div class="manufa-tabs">
                    <ul>
                        <li><a href="#tab-1">New aluminum die-casting workshop</a></li>
                        <li><a href="#tab-2">CNC drilling equipment</a></li>
                        <li><a href="#tab-3">Sheet metal forming</a></li>
                        <li><a href="#tab-4">Powder spray line</a></li>
                        <li><a href="#tab-5">Automatic LED chip mounter</a></li>
                        <li><a href="#tab-6">Assembly line</a></li>
                    </ul>
                    <div class="manufa-pd">
                        <div class="manu1" id="tab-1"><img src="images/tab_pic1.jpg" alt=""></div>
                        <div class="manu1" id="tab-2"><img src="images/tab_pic2.jpg" alt=""></div>
                        <div class="manu1" id="tab-3"><img src="images/tab_pic1.jpg" alt=""></div>
                        <div class="manu1" id="tab-4"><img src="images/tab_pic2.jpg" alt=""></div>
                        <div class="manu1" id="tab-5"><img src="images/tab_pic1.jpg" alt=""></div>
                        <div class="manu1" id="tab-6"><img src="images/tab_pic2.jpg" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
    <div class="cp-style">
        <div class="seo-tit tt">corporate style</div>
        <div class="cp-style-main">
            <div class="container">
                <div class="swiper-container swiper-container-cpstyle">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><a href="###"><img src="images/cpstyle_pic1.jpg"></a></div>
                        <div class="swiper-slide"><a href="###"><img src="images/team1.jpg"></a></div>
                        <div class="swiper-slide"><a href="###"><img src="images/team2.jpg"></a></div>
                        <div class="swiper-slide"><a href="###"><img src="images/team3.jpg"></a></div>
                        <div class="swiper-slide"><a href="###"><img src="images/team4.jpg"></a></div>
                    </div>
                </div>

                    <div class="preview">
                        <a class="arrow-left" href="#"></a>
                        <a class="arrow-right" href="#"></a>
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide active-nav">
                                    <a href="javascript:;">
                                        <img src="images/cpstyle_pic1.jpg" alt="">
                                        
                                    </a>
                                </div>
                                <div class="swiper-slide active-nav">
                                    <a href="javascript:;">
                                        <img src="images/team1.jpg" alt="">
                                        
                                    </a>
                                </div>
                                <div class="swiper-slide active-nav">
                                    <a href="javascript:;">
                                        <img src="images/team2.jpg" alt="">
                                        
                                    </a>
                                </div>
                                <div class="swiper-slide active-nav">
                                    <a href="javascript:;">
                                        <img src="images/team3.jpg" alt="">
                                        
                                    </a>
                                </div>
                                <div class="swiper-slide active-nav">
                                    <a href="javascript:;">
                                        <img src="images/team4.jpg" alt="">
                                        
                                    </a>
                                </div>
                                
                            </div>
                        </div>
                        
                    </div>

            </div>
        </div>
    </div>
    
    <div class="modal fade" id="mes-video" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <p>
                            <iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=g0125e02ojf
" allowFullScreen="true"></iframe>
                        </p>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
    </div>
    <div class="home-footer">
        <div class="foot-top">
            <div class="container">
                <div class="foot-main">
                    <div class="foot-side">
                        <div class="tit">HISHINE GROUP LIMITED</div>
                        <div class="desc">Hishine Group Limited is a high-tech enterprise established in 2005, we have two branches, one is Huaibei Ruite Tech Co.,Ltd and one is Hishine Optoelectronics Tech Co.,…</div>
                    </div>
                    <div class="foot-side">
                        <div class="tit">PRODUCT</div>
                        <ul class="item-list">
                            <li class="list"><a href="/product/New-Arrival/" title="New Arrival">New Arrival</a></li>
                            <li class="list"><a href="/product/stadium-light/" title="Stadium Light">Stadium Light</a></li>
                            <li class="list"><a href="/product/street-light/" title="Street light ">Street light </a></li>
                            <li class="list"><a href="/product/Linear-High-Bay-Light/" title="Linear High Bay Light">Linear High Bay Light</a></li>
                        </ul>
                    </div>
                    <div class="foot-side">
                        <div class="tit">LATEST NEWS</div>
                        <ul class="news-item">
                            <li class="list">
                                <a href="/news/news/hi-robot-led-high-mast-light-is-unique-design3.html">
                                    <div class="list-box">
                                        <div class="flex-l">
                                            <img src="static/picture/20200305120435thiztu.jpg" alt="HI-ROBOT LED HIGH MAST LIGHT IS UNIQUE DESIGN3">
                                        </div>
                                        <div class="flex-r">
                                            <div class="dt">HI-ROBOT LED HIGH MAST LIGHT IS UNIQUE DESIGN3</div>
                                            <div class="dd">HI-ROBOT LED HIGH MAST LIGRound modular design with lowest window loading, good quality and lower maintenance cost, easier and faster installation to save labor cost too.Adjustable brackets can change </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="list">
                                <a href="/news/news/news2.html">
                                    <div class="list-box">
                                        <div class="flex-l">
                                            <img src="static/picture/20200305120251tjl1gw.jpg" alt="news2">
                                        </div>
                                        <div class="flex-r">
                                            <div class="dt">news2</div>
                                            <div class="dd">HI-ROBOT LED HIGH MAST LIGHT IS UNIQUE DESIGN
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="foot-side">
                        <div class="tit">CONTACT</div>
                        <div class="site">
                            <div class="add">Address:</div>
                            <div class="addText"></div>
                        </div>
                        <div class="email">
                            <a href="mailto:info@hishine.cc">
                    <span class="text">E-mail：</span>
                    info@hishine.cc                  </a>
                        </div>
                        <div class="tel">
                            <a href="tel:0755-29309235">
                    <span class="text">Tel：</span>
                    0755-29309235                  </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="foot-bottom">
            <div class="container">
                <div class="felx-box">
                    <div class="flex-l">
                        <div class="side-box">
                            <div class="left">
                                <div class="logo"><img src="static/picture/20200305103948bxx6ri.png" alt="Hishine Optoelectronics Co.,Ltd"></div>
                            </div>
                            <div class="right">
                                <ul class="slide-ul">
                                    <li class="list"><a href="/about/">About us</a></li>
                                    <li class="list"><a href="/product/">Product</a></li>
                                    <li class="list"><a href="/Case/">Custom Solution</a></li>
                                    <li class="list"><a href="">Link <span class="font-mini">></span></a></li>
                                    <li class="list"><a href="/sitemap.xml">sitemap</a></li>
                                </ul>
                                <div class="copyright">Copyright © 2010-2020 Hishine Optoelectronics Co.,Ltd All Rights Reserved</div>
                            </div>
                        </div>
                    </div>
                    <div class="flex-r">
                        <a href="" title="" target="_blank" rel="nofollow"><img src="static/picture/facebook.png" alt=""></a>
                        <a href="" title="" target="_blank" rel="nofollow"><img src="static/picture/twitter.png" alt=""></a>
                        <a href="" title="" target="_blank" rel="nofollow"><img src="static/picture/linkedin.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- silderbar -->
    <!-- <div class="rightEcBox hidden-xs hidden-md">
    <div class="rightECTools">
      <ul class="relative">
        <li class="phone-c">
          <a class="phone" title="mailto:info@drink-pack.com" href="mailto:info@drink-pack.com">
            <img src="static/picture/email2.png" width="45"  alt="email">
          </a>
        </li>
        <li class="phone-c phone-c-2">
          <a class="phone" title="tel:18923820152" href="tel:18923820152">
            <img src="static/picture/phone2.png" width="45"  alt="phone">
          </a>
        </li>
        <li class="facebook c">
          <div class="addthis_inline_share_toolbox_u54w"></div>
        </li>
        <li class="wechat c">
          <div class="addthis_inline_share_toolbox_k5im"></div>
        </li>
        <li class="sina_weibo c">
          <div class="addthis_inline_share_toolbox_ssri"></div>
        </li>
        <li class="tx_weibo c">
          <div class="addthis_inline_share_toolbox_5szz"></div>
        </li>
        <li class="tx_more c">
          <div class="addthis_inline_share_toolbox_zsdj"></div>
        </li>
        <li><a href="javascript:void(0)" class="t1 Block" id="favorites" title="Collect us"></a></li>
        <li><a href="/" class="t2 Block" title="Back To Home"></a></li>
        <li class="relative code">
          <a href="javascript:;" title="code" class="t3 Block"></a>
         
        </li>
        <li class="x">
          <svg class="ec_top" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
            t="1544774367509" style="" viewBox="0 0 1024 1024" version="1.1" p-id="10084" width="20" height="20">
            <defs>
              <style type="text/css"></style>
            </defs>
            <path
              d="M473.8 685.76666667l-333.1-333c-17-17-17-44.5 0-61.49999999s44.5-17 61.5-1e-8l309.8 309.69999999 309.7-309.69999999c17-17 44.5-17 61.50000001 0s17 44.5-1e-8 61.5l-333 333c-10.4 10.4-24.701 19-38.2 16.599-13.5 2.4-27.8-6.1-38.2-16.599z"
              p-id="10085" fill="#ffffff"></path>
          </svg>
          <svg class="ec_bottom" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
            t="1544774877444" style="" viewBox="0 0 1024 1024" version="1.1" p-id="12067" width="20" height="20">
            <defs>
              <style type="text/css"></style>
            </defs>
            <path
              d="M88.91972701 803.44164081c-17.70800352 19.46297902-47.85767559 20.88730528-67.31924061 3.18071436-19.46297902-17.7348512-20.88730528-47.88593588-3.17930177-67.31924062l459.37376846-503.77942898c17.73626381-19.48982532 47.85908818-20.88871925 67.32065321-3.17930176 1.12617925 1.01313811 2.19301135 2.05312252 3.17930177 3.17930176l0.11162856 0.10880336 0.19217162 0.1921716L1007.69693682 739.30170194c17.70800352 19.43471734 16.28226326 49.58580203-3.17930177 67.31924063-19.46297902 17.70800352-49.6140623 16.28367726-67.32065323-3.18071436l-424.15134424-465.13042481-424.12449796 465.1304248L88.91972701 803.44164081 88.91972701 803.44164081z"
              p-id="12068" fill="#ffffff"></path>
          </svg>
        </li>
      </ul>
    </div>
  </div> -->
    <!-- public js-->
    <script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/jquery.countup.min.js"></script>
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/jquery.slideunlock.js"></script>
    <script src="js/slideinit.js"></script>
    <script async type="text/javascript" src="js/addthis_widget.js"></script>
    <script type="text/javascript" src="js/public.js"></script>
    <!--end-->
    <!-- privatjs -->
    <script type="text/javascript" src="js/onmain.js"></script>
    <script type="text/javascript" src="js/baguetteBox.js"></script>
    <script src="https://lib.baomitu.com/jquery.tabslet.js/1.7.1/jquery.tabslet.min.js"></script>
    <script>
        $(function(){
            baguetteBox.run('.baguetteBoxTwo');

            const BTN1 = document.getElementById('cer-more-btn');
            const BTN2 = document.getElementById('cer-more-btn2');
            //给按钮1添加点击事件
            BTN1.addEventListener('click', function(){
                BTN2.click(); 
            });
         

            $('.manufa-tabs').tabslet({
                container:'.manufa-pd',
                autorotate: true,
                delay: 3000
                // animation: true
            });

            var hotSwiper = new Swiper('.swiper-container-cpstyle',{
                autoplay: 2000,
                paginationClickable: true,
                autoplayDisableOnInteraction : false,
                onSlideChangeStart: function() {
                    updateNavPosition();
                }
            });

            $('.preview .arrow-left').on('click', function(e) {
                e.preventDefault()
                if (hotSwiper.activeIndex == 0) {
                    hotSwiper.slideTo(hotSwiper.slides.length - 1, 1000);
                    return
                }
                hotSwiper.slidePrev()
            })
            $('.preview .arrow-right').on('click', function(e) {
                e.preventDefault()
                if (hotSwiper.activeIndex == hotSwiper.slides.length - 1) {
                    hotSwiper.slideTo(0, 1000);
                    return
                }
                hotSwiper.slideNext()
            })

            var previewSwiper = new Swiper('.preview .swiper-container', {
                //visibilityFullFit: true,
                slidesPerView: 'auto',
                allowTouchMove: false,
                // spaceBetween: 5,
                onTap: function() {
                        hotSwiper.slideTo(previewSwiper.clickedIndex)
                }
            })

            function updateNavPosition() {
                $('.preview .active-nav').removeClass('active-nav')
                var activeNav = $('.preview .swiper-slide').eq(hotSwiper.activeIndex).addClass('active-nav')
                if (!activeNav.hasClass('swiper-slide-visible')) {
                    if (activeNav.index() > previewSwiper.activeIndex) {
                        var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
                        previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
                    } else {
                        previewSwiper.slideTo(activeNav.index())
                    }
                }
            }
        })
    </script>

    <!--end-->
</body>

</html>